*{margin: 0;padding: 0;}
body{margin: 0;background: #fff;}

.header{position: relative;padding: 0 13.5%;width: 100%;height: 160px;z-index: 999;box-sizing: border-box;}
.header::before{content: "";display: block;width: 25%;height: 160px;position: absolute;left: 0;top: 0;background-color: #d3433a;z-index: -1;}
.header .logo{display: inline-block;float: left; box-sizing: border-box;width: 10%;position: absolute;top: 50%;transform: translateY(-50%);}
.header .logo img{max-height: 100px;display: block;max-width: 100%;margin: 0 auto;}
.header .fr{width: 84%;text-align: right;}
.header .list_top{height: 49px;line-height: 49px;border-bottom: 1px solid #eeeeee;width: 100%;color: #999999;font-size: 14px;}
.phone {background: url('../images/phone.png') no-repeat;background-size: 16px; background-position: left center;padding-left: 25px;margin-right: 60px;}
.header .list_top .lagu {background: url('../images/lag.png') no-repeat;background-size: 16px; background-position: left center;padding-left: 25px;}
.header .list_top .lagu a{color: #999999;}
.header .list_top .lagu a.cn{color: #333333;}
.header .MenuList_f1{height: 110px;}
.header .MenuList_f1 ul{font-size: 0;margin-right: -39px;}
.header .MenuList_f1 ul.child{display: none;}
.header .MenuList_f1 li{display: inline-block;position: relative;}
.header .MenuList_f1 li a {display: block;}
.header .MenuList_f1 li a span{display: block;font-size: 16px;border-bottom: 4px solid #fff;height: 106px;line-height: 106px;color: #444444;padding: 0 39px;}
.header .MenuList_f1 li a span::after{position: absolute;width: 1px;content: "";display: block;height: 12px;top: 49px;right: 0;background-color: #dddddd;}
.header .MenuList_f1 li:nth-last-child(1) span::after{display: none;}
.header .MenuList_f1 li a:hover span{border-color: #d3433a;color: #d3433a;}
.header .MenuList_f1 .on a span{border-color: #d3433a;color: #d3433a;}

.button_group{margin-right: 5%;float: right;display: none;}
.header .button {height: 50px;width: 50px;border: 1px solid #000;text-align: center;float: left;margin-top: 34px;cursor: pointer;}
.header .button span{
    display: block;
    width: 80%;
    height: 2px;
    background: #000;
    position: relative;
    margin-top: 24px;
    margin-left: 10%;
    }
.header .button span:before, .header .button span:after{position: absolute;display: block;height: 2px;background: #000;content: "";width: 100%;}
.header .button span:before{margin-top: -8px;}
.header .button span:after{margin-top: 8px;}

.footer{background-color: #333333;padding-top: 60px;overflow: hidden;    width: 100%;font-size: 14px;}
.footer .top{width: 73%;margin: 0 auto;}
.footer .top .fr{width: 80%;}
.footer .top .fr ul{float: right;}
.footer .top{padding-bottom: 4vw;}
.footer .top .addr{background: url('../images/addr.png') no-repeat;background-size: 16px; background-position: left center;padding-left: 25px;}
.footer .top ul li{float: left;}
.footer .top ul li a{color: #fff;font-size: 14px;height: 13px;line-height: 13px;border-right:1px solid #666666;padding: 0 40px;}
.footer .top ul li:nth-last-child(1) a{border: none;padding-right: 0;}
.footer .top .bot_cont{text-align: right;color: #999999;margin-top: 45px;}
.footer .bottom{background: #2d2d2d;width: 100%;box-sizing:border-box;padding: 16px 13.5%;color: #666666;text-align: center;line-height: 1.5;}
.footer .bottom p{display: inline-block;}
.footer .bottom a{display: inline-block;color: #666666;}
.footer .logo{height: 3.4vw;display: inline-block;max-width: 20%;}
.footer .logo img{max-height: 100%;max-width: 100%;}
@media screen and (max-width: 1440px) {
	.header{padding: 0 10%;}
	.header .fr{width: 81%;}
	.header .MenuList_f1 li a span{padding: 0 30px;}
}

@media screen and (max-width: 1024px) {
	.logo img{max-height: 55px;}
	.header{padding: 0 0 0 5%;height: 130px;position: fixed;top: 0;left: 0;background: #Fff;box-shadow: 2px 2px 4px 3px rgba(0,0,0,0.03);}
	body{padding-top: 130px;}
	.header .MenuList_f1{height: 80px;}
	.header::before{height: 130px;}
	.header .MenuList_f1 li a span{height: 76px;line-height: 76px;}
	.header .fr{width: 78%;}
	.header .logo{width: 16%;}
	.header .logo img{max-height: 80px;}
	.header .MenuList_f1 ul{margin-right: 0;}
	.header .list_top .lagu{margin-right: 30px;}

	.header .MenuList_f1 li a span::after{top: 34px;}
	.footer .top{width: 90%;}
	.footer .top ul li a{padding: 0 30px;}
	.footer .logo {height:  auto;}
}
@media screen and (max-width: 965px){
	body{padding-top: 100px;}
	.header{height: 100px;}
	.header .logo {max-height: 70px;}
	.header::before{height: 100px;}
	.button_group{display: block;}
	.header .button{margin-top: 25px;}
	.header .list_top{display: none;}
	.header .MenuList_f1{display: none;}

	.header .MenuList_f1 .on a span{border-color: #696868;color: #c5c5c5;}
	.onh .MenuList_f1{height: auto;display: block;width: 100%;position: absolute;top: 100px;left: 0;margin-left: 0;z-index: 10;padding-top: 6vw;}
	.ceng{display:none;background-color: rgba(0,0,0,0.85);position: fixed;top: 100px;left: 0;width: 100%;height: 100%;z-index: 5;display: none;}
	.onh .MenuList_f1 ul{text-align: center;}
	.onh .MenuList_f1 li{width: 80%;margin: 0 auto;float: none;text-align: center;}
	.onh .MenuList_f1 li a span{border-bottom: 1px solid #696868;color: #c5c5c5;font-size: 18px;}
	.onh .MenuList_f1 li a span::after{display: none;}
	.onh .button span{background-color: transparent;}
	.onh .button span:before{-webkit-transform:rotate3d(0,0,1,45deg); transform:rotate3d(0,0,1,45deg);margin-top: 0;}
	.onh .button span:after{-webkit-transform:rotate3d(0,0,1,-45deg); transform:rotate3d(0,0,1,-45deg);margin-top: 0;}
	.footer .fr ul{display: none;}
	.footer{padding-top: 40px;}
	.footer .top{width: 90%;}
	.footer .bottom{padding: 16px 5%;}

	.footer .top{padding-bottom: 50px;}
	.footer .top .bot_cont{margin-top: 0;text-align: left;margin-left: 5%;}
	.footer .phone{display: inline-block;width: 100%;margin-bottom: 20px;text-align: left;box-sizing:border-box;}
}
@media screen and (max-width: 640px){
	body{padding-top: 18vw;}
	.header .button{width: 12vw;height: 12vw;}
	.header .button span{margin-top: 6vw;}
	.header .button span:before, .header .button span:after{width: 100%;}
	.header .button span:before{margin-top: -3vw;}
	.header .button span:after{margin-top: 2.5vw;}
	.onh .button span:after{margin-top: 0;}
	.onh .button span:before{margin-top: 0;}
	.header{background: #d3433a;padding: 0 0 0 3%;height: 18vw;position: fixed;top: 0;left: 0;}
	.button_group{margin-right: 3%;}
	.header .logo {height: 14vw;width: auto;max-width: 50%;}
	.header .logo img{max-height: 100%;max-width: 100%;height: auto;width:  auto;}
	.header .MenuList_f1{height: auto;}
	.header::before{height: 18vw;}
	.button_group{display: block;}
	.header .button{margin-top: 3vw;}
	.header .button{border-color: #fff;}
	.header .button span{background: #fff;}
	.header .MenuList_f1 .on a span{color: #fff;}
	.onh .button span{background-color: transparent;}
	.header .button span:before, .header .button span:after{background: #fff;}
	.header .MenuList_f1 li{margin-bottom: 10px;}
	.header .MenuList_f1 li a span{height: auto;line-height: 1.0;padding: 3.5vw 0;border-bottom: none;font-size: 4.8vw;
		background: rgba(142, 45, 28, 0.82);color: #fff;}
	.onh .MenuList_f1,.ceng{top: 18vw;}

	.footer{font-size: 3.8vw;}
	.footer .top .fr{float: none;width: 100%;}
	.footer .top{padding-bottom: 30px;}
	.footer .top .bot_cont{margin-left: 0;}
	.phone{margin-bottom: 10px;}
	.footer .phone{margin-bottom: 5px;}
	.footer .logo{display: none;}
	.footer .bottom{padding: 3vw 3%;}
	.footer .top .addr{font-size: 3.8vw;}
}